import { Empty } from "@supcon/supcon-5t-design";
import emptyImg from "../../../assets/images/暂无数据.png";

interface IBGEmpty {
  description?: string;
}
const BGEmpty = (props: IBGEmpty) => {
  const { description = "暂无数据" } = props;
  return (
    <Empty
      image={emptyImg}
      imageStyle={{
        display: "inline-block",
        height: 56,
        width: 88,
      }}
      style={{
        display: "flex",
        justifyContent: "center",
        alignItems: "center",
        height: "100%",
        flexDirection: "column",
        zIndex: 10,
        color: "#fff",
      }}
      description={<span style={{ color: "#fff" }}>{description}</span>}
    ></Empty>
  );
};

export default BGEmpty;
